<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    //声明一个字符串
    let str = '<a href="https://www.baidu.com">baidu</a>';
    //提取url与『标签文本』  提取规则：<a href="url">标签文本</a>  的正则
    const reg = /<a href="(.*)">(.*)<\/a>/;
    //执行
    const result = reg.exec(str);

    console.log(result);    // 里面的属性 groups: undefined
    console.log(result[1]);   // https://www.baidu.com
    console.log(result[2]);   // baidu


    //命名捕获分组，使用场景：当需要对某些变量数据进行分组，这样操作后面不用修改代码

    // 
    const reg2 = /<a href="(?<url>.*)">(?<text>.*)<\/a>/;
    const result2 = reg2.exec(str);

    console.log(result2);   // 里面的属性 groups: {url: 'https://www.baidu.com', text: 'baidu'}
    console.log(result2.groups.url);     // https://www.baidu.com
    console.log(result2.groups.text);   // baidu

  </script>
</body>

</html>